<script setup>
import Main from '@/components/datav/Main.vue';
import Title from '@/components/datav/title.vue';
import Footer from '@/components/datav/Footer.vue';
</script>
<template >
    <div id="datav">
        <dv-full-screen-container style="width: 100%;height: 100vh;">
            <div class="module-box">
                <Title />
            </div>
            <div class="module-box">
                <Main />
            </div>
            <div class="module-box">
                <Footer />
            </div>
        </dv-full-screen-container>
    </div>
</template>


<style lang="less" scoped>
#datav {
    background: url('../assets/images/background.jpg') no-repeat  center / cover;
    width: 100%;
    height: 100vh;
    .module-box {
        display: flex;
        color: white;
        
    }
}
</style>